.scoll-view {
	height: 100%;
	box-sizing: border-box;
	padding: 28upx 22upx;
}
.pro-list {
	position: relative;
	z-index: 30;
	width: 100%;
	height: calc(100% - 320upx);
	background-color: #fff;
	border-radius: 30upx 30upx 0 0;
	.list-items {
		display: flex;
		box-sizing: border-box;
		padding: 30upx 0;
		border-bottom: 1px solid #F7F7F7;
		>image {
			width: 160upx;
			flex-shrink: 0;
			height: 160upx;
			margin-right: 30upx;
			border-radius: 10upx;
		}
		>view {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			>.prices {
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				>view:nth-of-type(2) {
					width: 50upx;
					height: 50upx;
					position: relative;
					background-color: #0b59e0;
					border-radius: 50%;
					>image {
						width: 100%;
						height: 100%;
					}
					>.add-car {
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						position: relative;
						border-radius: 50%;
						>image {
							width: 27upx;
							height: 27upx;
						} 
						>view {
							width: 26upx;
							height: 26upx;
							border-radius: 50%;
							background-color: #FF0000;
							display: flex;
							align-items: center;
							justify-content: center;
							line-height: 1;
							font-size: 20upx;
							color: #FFFFFF;
							position: absolute;
							top: -8upx;
							right: 0;
						}
					}
				}
				>view:nth-of-type(1) {
					display: flex;
					align-items: flex-end;
					>text {
						font-size: 18upx;
						color: #E00B0B;
						margin-bottom: 4upx;
					}
					>view {
						font-size: 30upx;
						color: #E00B0B;
						margin-left: 5upx;
					}
				}
			}
			>.des {
				font-size: 24upx;
				color: #0B59E0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			>view:nth-of-type(1) {
				font-size: 26upx;
				color: #000000;
				line-height: 36upx;
				position: relative;
				box-sizing: border-box;
				>view {
					width: 50upx;
					height: 25upx;
					background-color: #FFE9E3;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 18upx;
					position: absolute;
					top: 4upx;
					left: 0;
					z-index: 10;
					color: #E00B0B;
					border-radius: 4upx;
				}
				>text {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					text-indent: 60upx;
					line-height: 36upx;
				}
			}
		}
	}
}
.search-filed {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-around;
	z-index: 30;
	box-sizing: border-box;
	padding: 23upx 0;
	>view {
		font-size: 26upx;
		color: #fff;
		display: flex;
		align-items: center;
		>view {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-left: 8upx;
		}
	}
	.activ {
		color: #16f5b9;
	}
}
.history-box {
	box-sizing: border-box;
	padding: 0 20upx;
	position: relative;
	z-index: 30;
	.his-type {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		overflow-y: scroll;
		max-height: calc(100vh - 330upx);
		>view {
			height: 50upx;
			font-size: 26upx;
			color: #000000;
			line-height: 50upx;
			box-sizing: border-box;
			background-color: #fff;
			padding: 0 25upx;
			border-radius: 25upx;
			margin-right: 20upx;
			margin-bottom: 20upx;
		}
	}
	.head {
		display: flex;
		align-items: center;
		margin-top: 27upx;
		margin-bottom: 20upx;
		justify-content: space-between;
		>text {
			font-size: 30upx;
			color: #000000;
			font-weight: 500;
		}
		>image {
			width: 30upx;
			height: 30upx;
		}
	}
}
.search-rows {
	position: relative;
	z-index: 30;
	box-sizing: border-box;
	padding: 0 20upx;
	>view {
		width: 100%;
		height: 66upx;
		background-color: #fff;
		border-radius: 40upx;
		box-sizing: border-box;
		padding: 5upx 6upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		>.shop-cars {
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding: 0 36upx 0 25upx;
			border-left: 1px solid #969696;
			>image {
				width: 26upx;
				height: 26upx;
				margin-right: 7upx;
			}
			>text {
				font-size: 26upx;
				color: #969696;
			}
		}
		>.btns {
			width: 123upx;
			height: 100%;
			background-color: #0B59E0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26upx;
			color: #FFFFFF;
			border-radius: 40upx;
		}
		>view:nth-of-type(1) {
			flex: 1;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding: 0 19upx;
			>image {
				width: 34upx;
				height: 34upx;
				margin-right: 14upx;
			}
			>input {
				flex: 1;
				height: 100%;
				font-size: 26upx;
			}
		}
	}
}
.bg-box {
	height: 100vh;
	z-index: 30;
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
::v-deep .allHead {
	z-index: 1;
	position: relative;
	>view {
		background: transparent !important;
	}
}
.head-bg {
	width: 100%;
	height: 400upx;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}
.trans {
	animation: fadeInRight 0.3s ease-in-out;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.clear-text {
	>text {
		text-indent: 0 !important;
	}
}
.load-emp {
	::v-deep .u-skeleton__wrapper__avatar {
		width: 160upx !important;
		height: 160upx !important;
		border-radius: 10upx;
	}
}
.skills {
	box-sizing: border-box;
	padding: 40upx 30upx;
	>view {
		margin-bottom: 30upx;
	}
}
.emptyds {
	display: flex;
	align-items: center;
	justify-content: center;
}
.set-htig {
	height: 100%;
}